@media screen and (min-width:1025px) and (max-width:1401px){
@charset "utf-8";

/*首页*/
.header{ position:fixed; top:0; left:0; z-index:10000; width:100%; height:106px; background:#FFF; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.logo{ float:left; display:block; margin-left:1.5%; margin-top:28px; width:150px;}
.language{ float:right; width:77px; padding-left:27px; height:38px; line-height:38px; background:url(../images/language.png) no-repeat; margin-right:1.5%; margin-top:38px; font-size:15px; color:#FFF; text-align:left;}
.search{ float:right; overflow:hidden; width:220px; height:39px; border:1px solid #d4d4d4; margin-right:1%; margin-top:38px; -webkit-border-radius:20.5px; -moz-border-radius:20.5px; border-radius:20.5px;}
.search1{ float:left; width:120px; padding:0 20px; height:39px; line-height:39px; border:0; outline:none; font-family:"微软雅黑"; font-size:14px; color:#7c7c7c;}
.search2{ float:left; width:59px; height:29px; border:0; border-left:1px solid #cccccc; background:url(../images/search.jpg) center center no-repeat; cursor:pointer; outline:none; margin-top:5px;}

.nav{ float:right; width:47%; height:106px; position:relative; margin-right:1%;}
.nav>li{ float:left; width:20%;}
.nav>li>a{ display:block; width:100%; height:106px; font-size:15px; color:#444444; line-height:120px;}
.nav>li>a>span{ display:inline-block; width:12px; height:6px; background:url(../images/nav.png) no-repeat; vertical-align:middle; margin-left:10px;}

.nav>li:hover>a{ color:#0a7e7a;}
.nav>li:hover>a>span{ background:url(../images/nav_on.png) no-repeat;}
.nav>li .a_on{ color:#0a7e7a;}
.nav>li .a_on span{ background:url(../images/nav_on.png) no-repeat;}

.nav_out{ display:none; position:absolute; top:106px; left:-80px; width:850px; height:290px; overflow:hidden; background:#FFF; -webkit-box-shadow:0px 3px 5px #f2f2f2; -moz-box-shadow:0px 3px 5px #f2f2f2; box-shadow:0px 3px 5px #f2f2f2; border-top:1px solid #ccc;}
.nav1{ float:left; width:400px; overflow:hidden; margin-top:25px; margin-left:20px;}
.nav1>li{ float:left; width:100%; overflow:hidden; margin-bottom:10px;}
.nav1>li>a{ display:block; position:relative; width:360px; padding-left:40px; height:51px; line-height:51px; overflow:hidden; font-size:16px; color:#444444; text-align:left; background:url(../images/nav1.jpg) no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav1>li>a>span{ position:absolute; width:6px; height:7px; background:url(../images/nav3.png) no-repeat; left:337px; top:50%; margin-top:-4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav1>li>a:before{ content:""; position:absolute; width:0; height:1px; background:url(../images/nav2_on.jpg) no-repeat; left:40px; top:50%; margin-top:-1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav1>li>a:after{ content:""; position:absolute; width:37px; height:1px; background:url(../images/nav2.jpg) no-repeat; left:300px; top:50%; margin-top:-1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav2{ float:right; background:url(../images/nav5.png) left center no-repeat; background-size:auto 100%; padding:10px 20px; margin-top:15px; overflow:hidden;}
.nav2 img{ display:block; width:360px; height:205px;}
.nav2_1{ width:360px; text-align:left; font-size:15px; color:#999999; line-height:25px; margin-top:10px;}
.nav1>li:hover>a{ color:#FFF; background:url(../images/nav1_on.jpg) no-repeat; background-size:100% 100%; padding-left:100px; width:384px;}
.nav1>li:hover>a>span{ background:url(../images/nav3_on.png) no-repeat;}
.nav1>li:hover>a:before{ width:37px;}
.nav1>li:hover>a:after{ width:0; left:337px; background:url(../images/nav2_on.jpg) no-repeat;}

/* banner css */
.slideBox{ width:100%; overflow:hidden; position:relative; display:block; margin-top:106px;}
.slideBox .bd{ position:relative; width:100% !important; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; zoom:1; vertical-align:middle;}
.slideBox .bd ul li .bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.slideBox .bd ul li .bd_img{ display:block; width:100%; height:100%; position:relative; z-index:10;}
.slideBox .prev{ position:absolute; z-index:20; left:2.5%; top:50%; margin-top:-35px; display:block; width:38px; height:70px; background:url(../images/banner_l.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.slideBox .next{ position:absolute; z-index:20; right:2.5%; top:50%; margin-top:-35px; display:block; width:38px; height:70px; background:url(../images/banner_r.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.slideBox .prev:hover{ background:url(../images/banner_l_on.png) center center no-repeat;}
.slideBox .next:hover{ background:url(../images/banner_r_on.png) center center no-repeat;}

.mobile_bg{ display:none;}
.swiper-container{ display:none;}

.next_screen{ width:56px; height:72px; position:absolute; bottom:8%; left:50%; margin-left:-28px;}
.next_screen img{ -webkit-animation:play 2s linear infinite; -moz-animation:play 2s linear infinite; -ms-animation:play 2s linear infinite; -o-animation:play 2s linear infinite; animation:play 2s linear infinite;}

@-webkit-keyframes play{
    0%  {
        margin-top:10px;
    }
	30% {
        margin-top:5px;
	}
	90% {
        margin-top:15px;
	}
    100% {
        margin-top:10px;
    }
}
@-moz-keyframes play{
    0%  {
        margin-top:10px;
    }
	30% {
        margin-top:5px;
	}
	90% {
        margin-top:15px;
	}
    100% {
        margin-top:10px;
    }
}
@-ms-keyframes play{
    0%  {
        margin-top:10px;
    }
	30% {
        margin-top:5px;
	}
	90% {
        margin-top:15px;
	}
    100% {
        margin-top:10px;
    }
}
@-o-keyframes play{
    0%  {
        margin-top:10px;
    }
	30% {
        margin-top:5px;
	}
	90% {
        margin-top:15px;
	}
    100% {
        margin-top:10px;
    }
}
@keyframes play{
    0%  {
        margin-top:10px;
    }
	30% {
        margin-top:5px;
	}
	90% {
        margin-top:15px;
	}
    100% {
        margin-top:10px;
    }
}

.index1{ width:100%; height:800px; overflow:hidden;}
.swiper-container1 {
	width: 100%;
	height: 800px;
	position:relative;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background:url(../images/index1_bg.jpg) repeat-y center center;
	height:auto;
	
	/* top slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: top;
	-ms-flex-pack: top;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-box-align: top;
	-ms-flex-align: top;
	-webkit-align-items: top;
	align-items: top;
}
.swiper-pagination1{ position:absolute; z-index:100; bottom:100px; left:50%; margin-left:-512px; width:1024px;}
.swiper-pagination1 .swiper-pagination-bullet{ float:left; background:#85bfbd; width:50px; height:4px; margin:0 10px 0 0 !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#FFF;}

.index1_1{ width:100%; overflow:hidden; margin:0 auto; position:relative;}
.index1_left{ float:left; width:300px; overflow:hidden; position:relative; left:50%; margin-left:-512px; text-align:left;}
.index1_center{ display:block; position:absolute; top:50%; left:35%; width:30%; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_center:hover{ -webkit-transform:scale(0.9) translateZ(0); -moz-transform:scale(0.9) translateZ(0); -ms-transform:scale(0.9) translateZ(0); -o-transform:scale(0.9) translateZ(0); transform:scale(0.9) translateZ(0);}
.index1_right{ float:right; width:50%; overflow:hidden;}

.index1_left1{ float:left; width:100%; overflow:hidden; font-size:40px; font-family:"Arial"; color:#3c8e8b; line-height:60px; margin-top:120px;}
.index1_left2{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-family:"Arial"; color:#FFF; line-height:40px; margin-top:80px;}
.index1_left3{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; color:#FFF; line-height:40px; margin-top:12px;}
.index1_left4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:28px; margin-top:20px; height:280px;}

.index1_right1{ width:60%; padding:0 20%; height:400px; overflow:hidden; font-size:22px; color:#FFF; line-height:44px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index1_right2{ width:100%; height:400px; overflow:hidden;}
.index1_right3{ width:60%; padding:0 20%; font-size:22px; color:#444444; line-height:44px; height:88px; overflow:hidden; margin-top:140px;}
.index1_right4{ margin:50px auto 0 auto;}

.more{ display:block; width:186px; padding-left:40px; height:46px; overflow:hidden; line-height:46px; font-size:16px; color:#FFF; background:url(../images/nav1_on.jpg) center center no-repeat; background-size:100% 100%; position:relative; text-align:left;}
.more span:nth-child(1){ float:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more span:nth-child(2){ display:block; width:6px; height:7px; background:url(../images/nav3_on.png) no-repeat; position:absolute; top:50%; margin-top:-3.5px; left:185px;}
.more:before{ content:""; position:absolute; width:0; height:1px; background:#FFF; left:40px; top:50%; margin-top:-0.5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more:after{ content:""; position:absolute; width:37px; height:1px; background:#FFF; left:148px; top:50%; margin-top:-0.5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.more:hover span:nth-child(1){ color:#FFF; margin-left:60px;}
.more:hover:before{ width:37px;}
.more:hover:after{ width:0; left:185px;}

.index2{ width:100%; overflow:hidden; height:700px; background:url(../images/index2_bg.jpg) center center no-repeat; background-size:auto 100%;}
.index2_1{ width:1024px; height:700px; overflow:hidden; margin:0 auto; position:relative;}
.index2_2{ position:relative; z-index:100; width:440px; padding:0 30px; height:430px; background:#FFF; float:left; margin-top:140px; margin-left:10px; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.index2_3{ float:left; font-size:40px; font-family:"Arial"; color:#ececec; line-height:50px; margin-top:35px;}
.index2_4{ float:left; clear:both; display:block; margin-top:30px;}
.index2_5{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:28px; margin-top:30px; height:84px;}
.index2_6{ float:left; margin-top:30px;}
.index2_7{ display:block; position:absolute; top:70px; right:-80px; z-index:10; width:660px;}

.index3{ width:100%; overflow:hidden; background:#f1f1f1; padding:80px 0 60px 0;}
.index3_1{ width:1024px; margin:0 auto; overflow:hidden; font-size:40px; font-family:"Arial"; color:#02887f; text-decoration:underline; line-height:50px; text-align:left;}
.index3_2{ overflow:hidden; height:auto; float:right; position:relative;}

.swiper-container2 {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin-top:140px;
}
.swiper-container2 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next2{ width:19px; height:36px; background:url(../images/index3_4.png) no-repeat; cursor:pointer; position:absolute; top:50px; left:45px;}
.swiper-button-prev2{ width:19px; height:36px; background:url(../images/index3_3.png) no-repeat; cursor:pointer; position:absolute; top:50px; left:0;}

.index3_3{ width:100%; overflow:hidden; text-align:left; cursor:pointer;}
.index3_4{ width:100%; overflow:hidden;}
.index3_4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_5{ width:97%; overflow:hidden;}
.index3_6{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#444; line-height:30px; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_7{ width:100%; overflow:hidden; font-size:16px; color:#888; line-height:28px; height:84px; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_3:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index3_3:hover .index3_6{ color:#0a7e7a;}
.index3_3:hover .index3_7{ color:#129a95;}

.index4{ width:100%; padding:80px 0 60px 0; overflow:hidden; background:url(../images/index4_bg.jpg) center center no-repeat; background-size:cover; position:relative;}
.index4_1{ width:100%; overflow:hidden;}
.index4_2{ width:1024px; margin:0 auto; overflow:hidden; font-size:40px; color:#a3a4a2; text-align:left; line-height:50px;}
.index4_3{ width:100%; overflow:hidden; font-size:40px; color:#FFF; line-height:50px; margin-top:60px;}
.index4_3 span{ font-size:18px; font-weight:bold; color:#02887f; vertical-align:middle;
    background:linear-gradient(to right, #02887f, #43a363);
    -webkit-background-clip:text;
	color:transparent;
}

.swiper-container3 {
	width: 800px;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.swiper-container3 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next3{ width:38px; height:70px; background:url(../images/banner_r.png) no-repeat; cursor:pointer; position:absolute; top:53%; right:4%; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev3{ width:38px; height:70px; background:url(../images/banner_l.png) no-repeat; cursor:pointer; position:absolute; top:53%; left:4%; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next3:hover{ background:url(../images/banner_r_on.png) no-repeat;}
.swiper-button-prev3:hover{ background:url(../images/banner_l_on.png) no-repeat;}
.swiper-pagination3{ margin-top:60px;}
.swiper-pagination3 .swiper-pagination-bullet{ background:#a1a2a2; width:70px; height:4px; margin:0 5px !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.swiper-pagination3 .swiper-pagination-bullet-active{ background:#ffffff;}

.index4_4{ width:100%; overflow:hidden; margin-top:60px;}
.index4_4 li{ width:150px; height:205px; cursor:pointer; display:inline-block; margin:0 3%; float:left;}
.index4_5{ width:150px; height:150px; position:relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index4_5 img{ display:block; margin:0 auto; position:relative; z-index:100;}
.index4_6{ width:150px; height:150px; background:url(../images/index4_7.png) center center no-repeat; position:absolute; top:0; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_7{ font-size:20px; color:#FFF; line-height:60px;}
.index4_4 li:hover .index4_6{
	background:url(../images/index4_8.png) center center no-repeat;
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
	transform:rotate(135deg);
}
.index4_4 li:hover .index4_7{ font-weight:bold;}

.footer{ width:100%; overflow:hidden; background:#0a7e7a; padding-bottom:20px;}
.footer_in{ width:1024px; margin:0 auto; overflow:hidden;}

.footer_1{ float:left; overflow:hidden; width:800px;}
.footer_11{ float:left; overflow:hidden; width:100%; margin-top:35px;}
.footer_12{ float:left; display:block; width:175px;}
.footer_13{ float:left; overflow:hidden; margin-top:30px; border-left:1px solid #85bfbd; margin-left:45px;}
.footer_13 li{ float:left; overflow:hidden; line-height:22px; height:22px; border-right:1px solid #85bfbd; padding:0 20px;}
.footer_13 li a{ font-size:16px; color:#FFF;}
.footer_13 li a:hover{ text-decoration:underline;}
.footer_14{ float:left; overflow:hidden; width:100%; text-align:left; font-size:16px; color:#cee5e4; line-height:30px; border-top:1px solid #54a5a2; padding-top:20px; margin-top:20px;}
.footer_14 a{ color:#cee5e4;}
.footer_14 a:hover{ text-decoration:underline;}

.footer_r{ float:right; overflow:hidden; width:150px; margin-top:50px;}
.footer_r1{ display:block; width:132px; margin:0 auto;}
.footer_r2{ width:150px; font-size:16px; color:#FFF; line-height:26px; margin-top:20px;}

/* about css */
.banner{ width:100%; height:400px; overflow:hidden; position:relative; margin-top:106px; background-size:auto 100% !important;}
.banner_title{ display:table; margin:140px auto 0 auto;}
.banner_title1{ font-size:40px; color:#0a7e7a; line-height:50px;}
.banner_title2{ font-size:20px; color:#6fb0b2; line-height:30px;}
.banner_nav{ width:100%; height:60px; overflow:hidden; background:url(../images/neiye_nav.png) repeat; position:absolute; bottom:0; left:0;}
.banner_nav1{ width:1024px; height:60px; margin:0 auto; overflow:hidden;}
.banner_nav1 li{ float:left; overflow:hidden; margin-right:1px;}
.banner_nav1 li a{ display:block; height:60px; line-height:60px; padding:0 40px; font-size:16px; color:#FFF;}
.banner_nav1 li .a_on{ background:url(../images/neiye_nav_on.png) repeat;}
.banner_nav1 li a:hover{ background:url(../images/neiye_nav_on.png) repeat;}

.position{ width:989px; padding-left:23px; margin:35px auto 0 auto; overflow:hidden; text-align:left; font-size:16px; line-height:30px; color:#444; background:url(../images/position.png) left 8px no-repeat;}
.position a{ color:#444;}
.position span{ color:#0a7e7a;}
.position a:hover{ text-decoration:underline;}
.neiye_title{ width:1024px; margin:20px auto 0 auto; overflow:hidden; text-align:left; font-size:24px; color:#0a7e7a; line-height:40px;}

.about1{ width:1024px; margin:0 auto; padding:50px 0;}
.about1_1{ display:block; margin:0 auto; width:210px;}
.about1_2{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:36px; margin-top:50px;}
.about1_3{ width:1004px; margin:50px auto 0 auto; overflow:hidden; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee;}
.about1_3 li{ float:left; width:20%; padding:0 0 0 5%; text-align:left; height:186px; background:url(../images/about7.jpg) right center no-repeat;}
.about1_3 li:nth-child(4){ background:none;}
.about1_4{ width:100%; overflow:hidden; font-size:30px; color:#0a7e7a; line-height:60px; margin-top:45px;}
.about1_4 b{ font-size:40px; color:#0a7e7a; vertical-align:top;}
.about1_4 span{ font-size:16px; color:#444; vertical-align:baseline;}
.about1_5{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px;}
.about1_6{ width:100%; margin-top:60px;}
.about1_7{ float:left; width:48%; position:relative; margin-left:0;}
.about1_8{ display:block; position:relative; z-index:10; width:100%;}
.about1_9{ display:block; width:180px; position:absolute; bottom:-60px; left:-80px; z-index:1;}
.about1_10{ float:right; width:48%; overflow:hidden; margin-right:0; text-align:left;}
.about1_11{ width:100%; overflow:hidden; font-size:24px; color:#0a7e7a; line-height:34px; margin-top:20px;}
.about1_12{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:28px; margin-top:20px; height:168px;}
.about1_13{ float:left; width:100%; overflow:hidden; position:relative; z-index:10; margin-top:70px;}
.about1_13 li{ float:left; width:12.5%; overflow:hidden; cursor:pointer;}
.about1_14{ width:88px; height:87px; background:url(../images/about5.png) center center no-repeat; margin:0 auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.about1_14 img{ display:block;}
.about1_15{ margin:20px auto 0 auto; width:94%; font-size:16px; color:#444; line-height:26px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about1_13 li:hover .about1_14{ background:url(../images/about5_on.png) center center no-repeat;}
.about1_13 li:hover .about1_15{ color:#0a7e7a;}

.about2{ width:100%; height:600px; overflow:hidden; background:url(../images/about8.jpg) center center no-repeat; background-size:auto 100%;}
.about2_1{ width:50%; height:600px; background:url(../images/about9.png) repeat;}
.about2_2{ width:462px; padding-right:50px; float:right; overflow:hidden; text-align:left; margin-top:140px;}
.about2_3{ font-size:24px; color:#FFF; line-height:40px;}
.about2_4{ font-size:16px; color:#FFF; line-height:30px; margin-top:30px;}

.about3{ width:100%; height:auto; padding:50px 0 50px 0; overflow:hidden; background:url(../images/about10.jpg) center center no-repeat; background-size:cover;}
.about3_1{ width:1024px; margin:0 auto; overflow:hidden;}
.about3_2{ width:100%; overflow:hidden; font-size:24px; color:#0a7e7a; line-height:34px;}
.about3_3{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:36px; margin-top:30px;}
.about3_4{ width:1100px; max-width:94%; margin:50px auto 0 auto; overflow:hidden; position:relative;}

.swiper-container4 {
	width: 1024px;
	max-width:80%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.swiper-container4 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next4{ width:38px; height:70px; background:url(../images/banner_r_on.png) no-repeat; cursor:pointer; position:absolute; top:50%; margin-top:-35px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev4{ width:38px; height:70px; background:url(../images/banner_l_on.png) no-repeat; cursor:pointer; position:absolute; top:50%; margin-top:-35px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.about3_5{ display:block; width:100%; overflow:hidden;}
.about3_6{ width:100%; overflow:hidden;}
.about3_6 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about3_7{ width:100%; height:26px; font-size:16px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about3_5:hover .about3_6 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.about3_5:hover .about3_7{ color:#0a7e7a;}

/* culture css */
.culture1_1{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0;}
.culture1_2{ display:block; float:left; width:490px; margin-left:0;}
.culture1_3{ float:right; width:490px; overflow:hidden; margin-right:0; text-align:left;}
.culture1_4{ float:left; width:100%; overflow:hidden; font-size:24px; color:#0a7e7a; line-height:34px; margin-top:30px;}
.culture1_5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444; line-height:28px; margin-top:30px;}

/* pro css */
.pro_list{ width:1024px; margin:0 auto; overflow:hidden;}
.pro_list li{ float:left; overflow:hidden; width:25%; margin-top:20px;}
.pro_list li a{ display:block; width:100%; overflow:hidden; padding-bottom:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list1{ width:94%; overflow:hidden; margin:10px auto 0 auto;}
.pro_list1 img{ display:block; width:100%; height:180px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list2{ width:94%; overflow:hidden; margin:0 auto; text-align:left;}
.pro_list3{ width:100%; overflow:hidden; font-size:18px; color:#444; line-height:28px; margin-top:25px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list4{ width:100%; overflow:hidden; font-size:15px; color:#888; line-height:28px; margin-top:10px; height:56px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list li a:hover{ background:#3b9895;}
.pro_list li a:hover .pro_list1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro_list li a:hover .pro_list3{ color:#FFF;}
.pro_list li a:hover .pro_list4{ color:#FFF;}

.page{ width:1024px; margin:0 auto; overflow:hidden; font-size:16px; color:#444; padding:40px 0 50px 0;}
.page span{ display:inline-block; height:30px; line-height:30px; padding:0 10px; margin:10px 3px 0 3px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:30px; line-height:30px; padding:0 10px; margin:10px 3px 0 3px; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#0a7e7a; color:#FFF;}
.page a:hover{ background:#0a7e7a; color:#FFF;}

/* proIn css */
.proIn{ width:1024px; margin:0 auto; overflow:hidden; padding:80px 0 60px 0;}

.swiper-container5 {
	width: 490px;
	height: 100%;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:0;
}
.swiper-container5 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container5 .swiper-slide img{ display:block; width:420px;}
.swiper-button-next5{ width:14px; height:26px; background:url(../images/banner_r_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-13px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev5{ width:14px; height:26px; background:url(../images/banner_l_on.png) no-repeat; background-size:14px 26px; cursor:pointer; position:absolute; top:50%; margin-top:-13px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.proIn1{ float:right; width:490px; overflow:hidden; text-align:left; margin-right:0;}
.proIn1_1{ font-size:24px; color:#444; line-height:34px; margin-top:30px;}
.proIn1_2{ font-size:16px; color:#888; line-height:30px; margin-top:20px;}

.proIn2{ float:left; width:100%; overflow:hidden; border-top:1px solid #d9d9d9; margin-top:35px; text-align:left; line-height:30px; font-size:16px; color:#888888; padding:50px 0;}
.proIn2_1{ font-size:20px; color:#0a7e7a; padding-bottom:10px; display:inline-block;}
.proIn2 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ float:left; width:100%; overflow:hidden;}
.pageIn1{ float:left; width:calc(49% - 24px); overflow:hidden; background:#f7f7f7; padding:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn2{ float:right; width:calc(49% - 24px); overflow:hidden; background:#f7f7f7; padding:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pageIn a{ display:block; width:100%; overflow:hidden;}
.pageIn a span{ float:left; font-size:16px; color:#444; line-height:97px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 166px); text-align:left; padding-left:12px; color:#444;}
.pageIn a img{ float:right; display:block; width:130px; height:97px;}

.pageIn1:hover{ background:#0a7e7a;}
.pageIn2:hover{ background:#0a7e7a;}
.pageIn1:hover span{ color:#FFF;}
.pageIn2:hover span{ color:#FFF;}

.recommend{ width:100%; overflow:hidden; background:#f7f7f7; padding:50px 0 50px 0;}
.recommend1{ font-size:24px; color:#444; line-height:34px;}
.recommend2{ width:1680px; margin:0 auto; max-width:90%; overflow:hidden; position:relative;}

.swiper-container6 {
	width:1024px;
	max-width: 88%;
	height: 100%;
	overflow:hidden;
	position:relative;
	margin:50px auto 0 auto;
}
.swiper-container6 .swiper-slide {
	overflow:hidden;
	text-align: center;
	font-size: 18px;
	background: none;
	height:auto;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next6{ width:38px; height:70px; background:url(../images/banner_r_on.png) no-repeat; background-size:38px 70px; cursor:pointer; position:absolute; top:50%; margin-top:-35px; right:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev6{ width:38px; height:70px; background:url(../images/banner_l_on.png) no-repeat; background-size:38px 70px; cursor:pointer; position:absolute; top:50%; margin-top:-35px; left:0; z-index:10; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.recommend3{ display:block; width:100%; overflow:hidden;}
.recommend4{ width:100%; overflow:hidden;}
.recommend4 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend5{ width:100%; overflow:hidden; text-align:left; padding-bottom:20px;}
.recommend6{ width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend7{ width:100%; overflow:hidden; font-size:15px; color:#8f8f8f; line-height:28px; margin-top:10px;}
.recommend3:hover .recommend4 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.recommend3:hover .recommend6{ color:#0a7e7a;}

/* solution css */
.solution1{ width:100%; height:450px; overflow:hidden; margin-top:30px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.solution1_1{ width:1024px; overflow:hidden; text-align:left; margin:0 auto;}
.solution1_2{ font-size:24px; color:#FFF;}
.solution1_2 span{ font-size:18px; font-family:"Arial"; color:#02887f; font-weight:bold;
    background:linear-gradient(to right, #02887f, #43a363);
    -webkit-background-clip:text;
	color:transparent;
}
.solution1_3{ width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:30px; margin-top:25px;}

.solution2{ width:100%; overflow:hidden;}
.solution2 li{ width:100%; overflow:hidden;}
.solution2 li:nth-child(2n-1) .solution2_1{ float:left;}
.solution2 li:nth-child(2n-1) .solution2_2{ float:left;}
.solution2 li:nth-child(2n) .solution2_1{ float:right;}
.solution2 li:nth-child(2n) .solution2_2{ float:right;}

.solution2_1{ width:50%; display:block;}
.solution2_2{ padding:0 50px 50px 50px; width:412px; text-align:left; overflow:hidden;}
.solution2_3{ float:left; width:81px; overflow:hidden; text-align:center;}
.solution2_3 img{ display:block; margin:40px auto 0 auto; max-width:81px;}
.solution2_3 span{ display:block; width:81px; font-size:20px; color:#0a7e7a; line-height:30px; margin-top:10px;}
.solution2_4{ float:left; width:100%; text-align:left; overflow:hidden; color:#888888; font-size:16px; line-height:30px; margin-top:15px;}

/* service css */
.service{ width:1024px; margin:0 auto; margin-top:15px;}
.service li{ float:left; overflow:hidden; margin-top:15px; width:19.2%; margin-right:1%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.service li:nth-child(5n){ margin-right:0;}
.service li:nth-child(5n+1){ clear:left;}
.service li a{ display:block; width:100%; padding-bottom:15px;}
.service1{ margin:10px auto 0 auto; width:90%; height:247px; display:block;}
.service2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#444; line-height:26px; margin-top:15px;}
.service li:hover{ -webkit-box-shadow:0px 3px 10px #ddd; -moz-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;}

/* partners css */
.partners{ width:1024px; margin:0 auto;}
.partners li{ float:left; width:25%; overflow:hidden; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners li a{ display:block; width:100%; overflow:hidden; padding-bottom:20px;}
.partners1{ width:90%; margin:13px auto 0 auto; overflow:hidden;}
.partners1 img{ display:block; width:100%; height:176px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners2{ width:90%; margin:0 auto; overflow:hidden; text-align:left;}
.partners3{ width:100%; overflow:hidden; font-size:18px; color:#444; line-height:30px; height:90px; margin-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners4{ width:100%; overflow:hidden; font-size:15px; color:#888; line-height:28px; height:56px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.partners li:hover{ -webkit-box-shadow:0px 3px 10px #ddd; -moz-box-shadow:0px 3px 10px #ddd; box-shadow:0px 3px 10px #ddd;}
.partners li:hover .partners1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.partners li:hover .partners3{ color:#0a7e7a;}
.partners li:hover .partners4{ color:#3b9895;}

/* contact css */
.contact{ width:1024px; overflow:hidden; margin:0 auto; padding:50px 0 50px 0;}
.contact_l{ float:left; width:48.5%; overflow:hidden;}
.contact_r{ float:right; width:48.5%; overflow:hidden;}

.contact_l1{ width:calc(100% - 55px); font-size:24px; color:#444; height:50px; line-height:50px; text-align:left; background:url(../images/contact1.png) left center no-repeat; padding-left:55px;}
.contact_l2{ width:100%; font-size:16px; color:#888; line-height:26px; text-align:left;}

.contact_l .input1{ float:left; width:93%; padding:0 3%; border:1px solid #cccccc; font-family:"微软雅黑"; font-size:16px; color:#696969; outline:none; height:42px; line-height:42px; margin-top:20px;}
.contact_l .input2{ float:left; width:100px; padding:0 3%; border:1px solid #cccccc; font-family:"微软雅黑"; font-size:16px; color:#696969; outline:none; height:42px; line-height:42px; margin-top:20px;}
.contact_l .textarea1{ float:left; width:93%; padding:6px 3%; border:1px solid #cccccc; font-family:"微软雅黑"; font-size:16px; color:#696969; outline:none; height:150px; line-height:30px; margin-top:20px;}
.contact_l .button1{ float:left; clear:both; margin-top:20px; cursor:pointer; width:80px; height:44px; background:url(../images/nav1_on.jpg) no-repeat center center; background-size:100% 100%; border:0; outline:none; font-family:"微软雅黑"; font-size:16px; color:#FFF;}

.contact_r1{ float:left; width:370px; overflow:hidden;}
.contact_r2{ width:calc(100% - 55px); font-size:24px; color:#444; height:50px; line-height:50px; text-align:left; background:url(../images/contact2.png) left center no-repeat; padding-left:55px;}
.contact_r3{ width:100%; font-size:16px; color:#888; line-height:26px; text-align:left;}
.contact_r4{ width:100%; overflow:hidden; font-size:40px; font-family:"Arial"; font-weight:bold; color:#166e58; text-align:left; line-height:56px; margin-top:20px;}
.contact_r5{ float:right; width:120px; overflow:hidden;}
.contact_r5 img{ display:block; width:100%;}
.contact_r5 span{ font-size:14px; color:#444; line-height:24px; margin-top:10px; display:block; width:100%;}
.contact_r6{ float:left; width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:30px; margin-top:20px;}

.map{ float:left; width:100%; height:240px; margin-top:30px;}

}